import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)

let lifeData = {};

try {
  // 尝试获取本地是否存在lifeData变量，第一次启动APP时是不存在的
  lifeData = uni.getStorageSync('lifeData');
} catch (e) {
  uni.$u.toast(e)
}

// 需要永久存储，且下次APP启动需要取出的，在state中的变量名
const saveStateKeys = ['vuex_provider', 'vuex_userInfo', 'vuex_accountInfo', 'vuex_loginStatus', 'vuex_baseURL', 'vuex_systemInfo', 'vuex_networkType', 'vuex_userLoginInfo', 'vuex_crmCustomerInfos', 'vuex_memberInfo', 'vuex_memberLevelResp', 'vuex_memberCompanyInfo', 'vuex_token', 'vuex_imgPath', 'vuex_login_code', 'vuex_cityInfo', 'vuex_historySearchWord', 'vuex_gzhOpenId'];

// 保存变量到本地存储中
const saveLifeData = function(key, value) {
  // 判断变量名是否在需要存储的数组中
  if (saveStateKeys.indexOf(key) != -1) {
    // 获取本地存储的lifeData对象，将变量添加到对象中
    let tmp = uni.getStorageSync('lifeData');
    // 第一次打开APP，不存在lifeData变量，故放一个{}空对象
    tmp = tmp || {};
    tmp[key] = value;
    // 执行这一步后，所有需要存储的变量，都挂载在本地的lifeData对象中
    uni.setStorageSync('lifeData', tmp);
  }
}
const store = new Vuex.Store({
  // 下面这些值仅为示例，使用过程中请删除
  state: {
    // 如果上面从本地获取的lifeData对象下有对应的属性，就赋值给state中对应的变量
    // 加上vuex_前缀，是防止变量名冲突，也让人一目了然
    vuex_userInfo: lifeData.vuex_userInfo ? lifeData.vuex_userInfo : null, //微信、支付宝用户信息
    vuex_accountInfo: lifeData.vuex_accountInfo ? lifeData.vuex_accountInfo : {}, //账号信息
    vuex_crmCustomerInfos: lifeData.vuex_crmCustomerInfos ? lifeData.vuex_crmCustomerInfos : [], //crm客户信息
    vuex_loginStatus: lifeData.vuex_loginStatus ? lifeData.vuex_loginStatus : false, //登录状态
    vuex_baseURL: lifeData.vuex_baseURL ? lifeData.vuex_baseURL : '', //当前使用的域名
    vuex_provider: lifeData.vuex_provider ? lifeData.vuex_provider : '', //服务提供商
    vuex_systemInfo: lifeData.vuex_systemInfo ? lifeData.vuex_systemInfo : null, //设备信息
    vuex_networkType: lifeData.vuex_networkType ? lifeData.vuex_networkType : '', //网络状态
    vuex_userLoginInfo: lifeData.vuex_userLoginInfo ? lifeData.vuex_userLoginInfo : '', //用户登录信息
    vuex_memberInfo: lifeData.vuex_memberInfo ? lifeData.vuex_memberInfo : {},
    vuex_memberLevelResp: lifeData.vuex_memberLevelResp ? lifeData.vuex_memberLevelResp : '',
    vuex_memberCompanyInfo: lifeData.vuex_memberCompanyInfo ? lifeData.vuex_memberCompanyInfo : {},
    vuex_token: lifeData.vuex_token ? lifeData.vuex_token : '',
    vuex_allGoodsList: [], // 订单确认页跳转全部商品
    vuex_login_code: lifeData.vuex_login_code ? lifeData.vuex_login_code : '',
    vuex_pathIndex: 0, //底部导航选中下标
    vuex_moreOrderParam: {}, //我的订单列表搜索参数
    vuex_imgPath: lifeData.vuex_imgPath ? lifeData.vuex_imgPath : 'https://fsyuncai-file.oss-cn-beijing.aliyuncs.com/applet', // 静态图片阿里云地址

    vuex_cityInfo: lifeData.vuex_cityInfo ? lifeData.vuex_cityInfo : {},
    // vuex_cityInfo_shopCar: lifeData.vuex_cityInfo_shopCar ? lifeData.vuex_cityInfo_shopCar : '', //用于存储购物车选择我的地址的数据存储
    // vuex_cityInfo_shopCarClick: lifeData.vuex_cityInfo_shopCarClick ? lifeData.vuex_cityInfo_shopCarClick : false, //用于存储购物车选择我的地址的数据存储 选择了我的地址
    vuex_historySearchWord: lifeData.vuex_historySearchWord ? lifeData.vuex_historySearchWord : [], //历史搜索
    vuex_gzhOpenId: lifeData.vuex_gzhOpenId ? lifeData.vuex_gzhOpenId : '' //关联微信公众号OpenId
  },
  mutations: {
    $uStore(state, payload) {
      // 判断是否多层级调用，state中为对象存在的情况，诸如user.info.score = 1
      const nameArr = payload.name.split('.');
      let saveKey = '';
      const len = nameArr.length;
      if (nameArr.length >= 2) {
        let obj = state[nameArr[0]];
        for (let i = 1; i < len - 1; i++) {
          obj = obj[nameArr[i]];
        }
        obj[nameArr[len - 1]] = payload.value;
        saveKey = nameArr[0];
      } else {
        // 单层级变量，在state就是一个普通变量的情况
        state[payload.name] = payload.value;
        saveKey = payload.name;
      }
      // 保存变量到本地，见顶部函数定义
      saveLifeData(saveKey, state[saveKey])
    }
  }
})
export default store
